<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    请输入分数:<input class="score" type="text" /> <button class="btn">查看分数等级</button>
    <script>
        // 范围判断
        // var num = 6;

        // 是数学里的写法 ，js不支持
        // if(1<num<10){
        //     console.log(num+"大于1小于10")
        // }else{
        //     console.log("其他情况");
        // }
        
        // if(1<num && num<10){
        //     console.log(num+"大于1小于10")
        // }else {
        //     console.log("其他情况");
        // }

        // 分数区分 阶段： 0-60 不及格   60-80 良好 80-100 优秀

        var btn = document.getElementsByClassName("btn")[0];
        var inp = document.getElementsByClassName("score")[0];
        btn.onclick = function(){
            var score = inp.value;
            // if(0<score && score<60){
            //     alert("不及格")
            // }else if(60<=score && score<80){
            //     alert("良好")
            // }else if(80<=score && score<=100){
            //     alert("优秀")
            // }else{
            //     alert("请输入正确分数");
            // }

            // 78 带入实际的参数判断
           if(score<60){ // false
               alert("不及格")
           }else if(score<80){  // true
               alert("良好");
           }else if(score<100){  //true
               alert("优秀");
           }
        }
        


    </script>
</body>
</html>